// pages/wxml04/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
      username: 'zhangsan',
      users: {
        username: 'wangwu',
        age: 22
      },
      userInfo: {
        name: 'zhangsan',
        age: 30
      },
      arr: [1,2,3,4,5,6,7],
      userInfo2: [
        {
          username: 'qingtian',
          age: 22
        },{
          username: 'buqiuren',
          age: 23
        }
      ]
    },

    navigateBack(){
      wx.navigateBack({
        // 返回多级页面
        delta: 2
      })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
      // this.data.username = 'lisi'
      // console.log(this.data.username);
      // this.setData({
      //   // 以key:value的形式进行展现修改的
      //   // key值此时不需要再使用this.data
      //   'users.username': '周杰伦',
      //   'users.age': '33'
      // },()=>{
      //   console.log("这个是setData的回调函数");
      // })

      // console.log(this.data.users);

      // const userInfo = {
      //   ...this.data.userInfo,
      //   name: "lisi",
      //   age: 50
      // }
      // this.setData({
      //   userInfo
      // })

      // 第三种方式
      // const userInfo = Object.assign(this.data.userInfo,{name: "zhaoliu"},{age: 99});
      // this.setData({
      //   userInfo
      // })

      // 添加对象中的属性值
      // const userInfo = Object.assign(this.data.userInfo,{username: "zhaoliu"},{age: 99});
      // this.setData({
      //   userInfo
      // })

      // 删除一个属性
      // delete this.data.userInfo.age
      // this.setData({
      //   userInfo: this.data.userInfo
      // })

      // 删除多个属性
      // const {age,test,...rest} = this.data.userInfo
      // this.setData({
      //   userInfo: test
      // })

      // 新增数组中的一个值
      // this.data.arr.push(10)
      // this.setData({
      //   arr: this.data.arr
      // })

      //获取新的数组再赋值
      // const newArr = this.data.arr.concat(666)
      // this.setData({
      //   arr: newArr
      // })

      // const newArr = [...this.data.arr,888]
      // this.setData({
      //   arr: newArr
      // })

      // 
      // const newArr = this.data.arr
      // newArr.splice(2,0,123)
      // this.setData({
      //   arr: newArr
      // })

    // const newArr = this.data.arr
    //   newArr.splice(2,3)
    //   this.setData({
    //     arr: newArr
    //   })


      // 更新数组中的值
      // this.setData({
      //   'arr[0]' : 887,

      // })

      // this.setData({
      //   'userInfo2[0].username': "zhoujielun"
      // })

      //  利用数组中的过滤器
      const newArr = this.data.arr.filter(item => item > 4)
      this.setData({
        arr: newArr
      })


      console.log(this.data.arr);
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})